$(function () {
    init();
    function init() {
        mui('.mui-scroll-wrapper').scroll({
            deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
        });
        //2在调用要加上二级的
        queryTopCategory(function (result) {
            //获取一级id   rows是数组要拿到第一线
            var id = result.rows[0].id;
            //要二级渲染当一级定人时
            querySecondCategory(id);
        });
        //给li绑定tap
        $(".left_menu_ul").on("tap", "li", function () {
            //获取一级的id
            var id = $(this).data("id");
            // console.log(id);
            querySecondCategory(id);
        })
    }
    //查询一级菜单1获取接口1
    function queryTopCategory(callback) {
        $.get("/category/queryTopCategory", function (result) {
            // console.table(result.rows);
            //获取分类数据
            var rows = result.rows;
            //循环数组map数组map的返回值就是在func里面的return的总和
            //拼接左边的
            var ro = rows.map(function (v, i) {
                return '<li data-id=' + rows[i].id + '><a href="#">' + v.categoryName + '</a></li>';
            })
            // console.log(ro);
            var html = ro.join('')
            // console.log(html);
            //第二中；
            // var htmlArr=[];
            // for (var i = 0; i < rows.length; i++) {
            //     htmlArr.push('<li><a href="#">' + rows[i].categoryName +'</a></li>')


            // }
            //获取要渲染的html的代码
            var htmlLStr = html;
            $(".left_menu_ul").html(html)
            //如果存在就执行
            callback && callback(result);
        })
    }
    //查询二级2
    function querySecondCategory(id) {
        $.get("/category/querySecondCategory?id=" + id, function (result) {
            // console.log(result);
            var rows = result.rows;
            var ro = rows.map(function (v, i) {
                return '<a href="javascript:;"> <img src="' + rows[i].brandLogo + '" alt=""> <p>' + rows[i].brandName + '</p> </a>'
            })
            var html = ro.join('');
            //获取要渲染的html的代码
            var htmlLStr = html;
            $(".lt_item").html(html)
        })

    }
})